<template>
  <div class="flex items-center justify-center gap-5">
    <div>{{ count }}</div>
    <el-button type="primary" @click="inc">+1</el-button>
  </div>
</template>

<script setup lang="ts">
import { useCounter } from '@/stores/counter'
const { count, inc, scope } = useCounter()

console.log(scope)
</script>

<style scoped></style>
